<template>
  <div id="app" class="bz-t-666 bz-f-28rpx">

    <!--<BvViewTransition></BvViewTransition>-->

    <keep-alive :exclude="config.app.keepAlive.exclude">
      <router-view/>
    </keep-alive>

    <!-- 浮动状态 -->
    <BvSuspend :scrollDistance="view.suspend.distance" :show="view.suspend.status">
      <i class="bp-icon bp-icon-go-top bz-f-20 bz-t-666" slot="backToTop"></i>
    </BvSuspend>

    <!-- 底部导航 -->
    <WTabBar/>

    <!-- 图片预览的组件 -->
    <BluePhotoSwipe/>

  </div>
</template>

<script>
  import Vuex from 'vuex';

  const { mapState } = Vuex;

  export default {
    name: 'app',
    computed: {
      ...mapState(['view'])
    }
  };
</script>

<style lang="scss">
  @import url(//at.alicdn.com/t/font_1270732_8tdxo0ksvkf.css);
</style>
